<?php 
include('V_Abrir_Sesion.php');
?>
<!DOCTYPE html>
<html>
<head>
	<title>Horario</title>
  <meta charset="utf-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
	<script type="text/javascript" src="js/bootstrap-tab.js"></script>
	<script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tab.js"></script>
  <script src="js/jquery.min.js">
    </script>
  <link rel="stylesheet" href="css/COBEPE.css">

</head>
<body>
	<script src="http://code.jquery.com/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>

<center>
<div>
<nav id="nav1" class="navbar navbar-pills navbar-fixed-center" role="navigation">

  <div class="collapse navbar-collapse navbar-ex1-collapse">

              <div class="collapse navbar-collapse">
              
                <ul class="nav navbar-nav">

<li><a href="V_Inicio.php"><span class="glyphicon glyphicon-home"></span> Inicio</a></li>

<li class="dropdown" >
     <a href="V_Us.php" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span> Usuario</a>
     <ul class="dropdown-menu" role="menu">
            <li><a id="TxtAgregar"  href="V_Us.php">Gestion de Usuarios</a></li>
            <li><a id="TxtAgregar" href="V_Per.php">Gestion de Permisos</a></li>
            </ul>
     </li>

<li ><a href="V_Car.php"><span class="glyphicon glyphicon-book"></span> Carrera</a></li>

<li  class="dropdown">
<a href="V_Est.php"class="dropdown-toggle" data-toggle="dropdown" ><span class="glyphicon glyphicon-user"></span> Estudiante</a>
     <ul class="dropdown-menu" role="menu">
            <li><a id="menusombra2" href="V_Est.php">Gestion de Estudiantes </a></li>
            <li><a id="TxtAgregar" href="V_EstAsis.php">Estudiantes Asistentes  </a></li>

            
            </ul>
     </li>
<li class="dropdown" id="menusombra">

  <a href="V_Gru.php" class="dropdown-toggle" data-toggle="dropdown"> <img id="IconoBola" src="Imagenes/bola.png">
    Grupo
  </a>
  <ul class="dropdown-menu" role="menu">
    <li ><a id="TxtAgregar" href="V_Gru.php">Gestion de Grupos</a></li>
    <li ><a id="TxtAgregar" href="V_Gru_CNicoya.php">Campus Nicoya</a></li>
    <li ><a id="TxtAgregar" href="V_Gru_CLiberia.php">Campus Liberia</a></li>
    <li class="divider"></li>
    <li ><a id="menusombra2" href="V_Horario.php">Horario</a></li>
  </ul>
</li>

<li id="TxtAgregar" class="dropdown">

  <a href="V_Asis_Nicoya.php" class="dropdown-toggle" data-toggle="dropdown"> <span class="glyphicon glyphicon-book"></span>
    Asistencia
  </a>
  <ul class="dropdown-menu" role="menu">
      <li ><a id="TxtAgregar" href="V_Asis_Nicoya.php">Asistencia Nicoya</a></li>
    <li ><a id="TxtAgregar" href="V_Asis_Liberia.php">Asistencia Liberia</a></li>
    <!-- <li ><a id="TxtAgregar" href="V_Gru_CLiberia.php">Campus Liberia</a></li> -->
    <li class="divider"></li>
    <li ><a id="TxtAgregar" href="#">Resumen</a></li>
  </ul>
</li>

<li id="TxtAgregar"><a href="V_Bitacora_Final.php"><span class="glyphicon glyphicon-folder-close"></span> Historial</a></li>

              </ul>

                <ul class="nav navbar-nav navbar-right">
                  <li><a href="V_Cerrar_Sesion.php"><span class="glyphicon glyphicon-cog"></span> Cerrar Sesión</a></li>
                </ul>

</div>

</div>

</nav>
</div>
</center>

 <div class="container-fluid">
            <div class="jumbotron">

             <center> 
            
            <form action='../Control/C_Horario.php' method='POST' class="form-horizontal">       
            <div id="PanelCuerpo2" class="panel panel-danger">
            <div id="PanelCabeza" class="panel-heading">
            <h4><p class="panel-title">Registrar Horario</p></h4>
            </div>

             <ul class="nav nav-tabs">
            <li class="active"><a href="#personales" data-toggle="tab">I Parte</a></li> 
            <li><a href="#laborales" data-toggle="tab">II Parte</a></li>
            </ul><!--nav nav-tabs-->

             <div class="tab-content"> <!-- Inicio del tab* -->
            <div class="tab-pane active" id="personales">  
              <fieldset style="height:200px;width:450px; margin-left:30px; margin-top:30px; float:left;">
               
     

                              <br>


              <form action='../Control/C_Horario.php' method='POST' class="form-horizontal"> 
             
                    <div class="form-group">
                                
                                <div class="form-group">
                      <?php
                       require('../Model/ModelConexion.php');
                        $conexion = new Conexion();
                        $consulta_Admin = $conexion->Consulta("
                        SELECT
                        tb_grupo.Codigo_Gru,
                        tb_grupo.Nombre_Gru,
                        tb_campus.Nombre_Camp
                        FROM tb_grupo,tb_campus
                        WHERE tb_grupo.Codigo_Camp = tb_campus.Codigo_Camp
                        ORDER BY tb_grupo.Nombre_Gru
                        ASC                    
                        ");
                      ?>
                      <label class="col-lg-4 control-label" for="Codigo_Grupo"><h4>Nombre Grupo:</h4></label> 
                      <div class="col-lg-2">
                      <datalist id="ced">
                      <?php 
                      while($Arreglo_Consulta_Admin=$conexion->Arreglo($consulta_Admin)){
                      
                       $ncompleto=$Arreglo_Consulta_Admin['Nombre_Gru']." ".$Arreglo_Consulta_Admin['Nombre_Camp'];?>
                      
                       <option value="<?php echo $Arreglo_Consulta_Admin['Codigo_Gru']?>"><?php echo $ncompleto;?></option>
                       <?php } ?> 
                       </datalist>    
                      <input name="V_Ho_CodigoGrupo" class="form-control" id="Ho_CodigoGrupo" style="width: 200px; padding: 2px" list="ced" required placeholder="Seleccione un Grupo"/>
                      </div> 
                      </div>

                  </div>
                  </form>

                   <div class="form-group">
                <label class="col-lg-4 control-label" for="Dia"><h4>Dia:</h4></label>
                <div class="col-lg-4">
                <select class="form-control" name='V_Dia' id="Dia" style="width: 200px; padding: 2px" required placeholder="Ingrese el Día" >
                <option value ="0">Seleccione el dia</option>
                  <option value="Lunes">Lunes</option>
                  <option value="Martes">Martes</option>
                  <option value="Miercoles">Miercoles</option>
                  <option value="Jueves">Jueves</option>
                  <option value="Viernes">Viernes</option>
                  <option value="Sabado">Sabado</option>
                </select>
                </div>
                </div>

              </fieldset>
             
              <fieldset style="height:200px;width:350px; margin-right:30px; float:right;" >
         

                 
                <br>                <br>


               

                  


                  
                  <div class="form-group">
                  <label class="col-lg-4 control-label" for="lugar"><h4>Lugar:</h4></label>
                  <div class="col-lg-4">
                  <input type='text' name='V_Lugar' class="form-control" id="lugar" style="width: 200px; padding: 2px" required placeholder="Digite el lugar"/> 
                  </div>
                  </div>

               </fieldset>
               </div><!--class="tab-pane in active" id="personales" -->

             <div class="tab-pane" id="laborales">
              
                  <br>

              <fieldset style="height:200px;width:450px; margin-left:30px; margin-top:30px; float:left;">

              <div class="form-group">
               <label class="col-lg-4 control-label" for="Hora_Inicio"><h4>Hora Inicio:</h4></label>
                 <div class="col-lg-2">
                  <select class="form-control" name='V_HoraInicio' id="HoraInicio" style="width: 200px; padding: 2px" required placeholder="Ingrese Hora de Inicio"  >
                  <option value="">Desde</option>
                  
                  <option value="06 AM">6:00 am</option>
                  <option value="07 AM">7:00 am</option>
                  <option value="08 AM">8:00 am</option>
                  <option value="09 AM">9:00 am</option>
                  <option value="10 AM">10:00 am</option>
                  <option value="11 AM">11:00 am</option>
                  <option value="12 PM">12:00 md</option>
                  <option value="1 PM">1:00 pm</option>
                  <option value="2 PM">2:00 pm</option>
                  <option value="3 PM">3:00 pm</option>
                  <option value="4 PM">4:00 pm</option>
                  <option value="5 PM">5:00 pm</option>
                  <option value="6 PM">6:00 pm</option>
                  <option value="7 PM">7:00 pm</option>
                  <option value="8 PM">8:00 pm</option>
                  <option value="9 PM">9:00 pm</option>
                  <option value="10 PM">10:00 pm</option>
                  </select>

                  </div>
                  </div> 

                  <div class="form-group">
               <label class="col-lg-4 control-label" for="Hora_Inicio"><h4>Hora Final:</h4></label>
                 <div class="col-lg-2">
                  <select class="form-control" name='V_HoraFinal' id="HoraFinal" style="width: 200px; padding: 2px" required placeholder="Ingrese Hora Final"  >
                  <option value="">Hasta</option>
                
             
                  <option value="06 AM">6:00 am</option>
                  <option value="07 AM">7:00 am</option>
                  <option value="08 AM">8:00 am</option>
                  <option value="09 AM">9:00 am</option>
                  <option value="10 AM">10:00 am</option>
                  <option value="11 AM">11:00 am</option>
                  <option value="12 PM">12:00 md</option>
                  <option value="1 PM">1:00 pm</option>
                  <option value="2 PM">2:00 pm</option>
                  <option value="3 PM">3:00 pm</option>
                  <option value="4 PM">4:00 pm</option>
                  <option value="5 PM">5:00 pm</option>
                  <option value="6 PM">6:00 pm</option>
                  <option value="7 PM">7:00 pm</option>
                  <option value="8 PM">8:00 pm</option>
                  <option value="9 PM">9:00 pm</option>
                  <option value="10 PM">10:00 pm</option>
                  </select>

                  </div>
                  </div> 


              </fieldset>
              <fieldset style="height:150px;width:350px; margin-right:60px; float:right;" >
              
            <br>
           <div class="form-group">
               <label class="col-lg-4 control-label" for="Año"><h4>Año:</h4></label>
               <div class="col-lg-2">
                <input type='text' name='V_Año' class="form-control" id="Año" style="width: 200px; padding: 2px" required placeholder="Digite el Año" /> 
               </div>
              </div>
               

              <div class="form-group">
               <label class="col-lg-4 control-label" for="Ciclo"><h4>Ciclo:</h4></label>
               <div class="col-lg-2">
                  <select class="form-control" required name='V_Ciclo' id="Ciclo" style="width: 200px; padding: 2px" required placeholder="Seleccione el Ciclo"  >
                  <option value required placeholder="">Seleccione</option>
                
                  <option value="I Ciclo">I Ciclo</option>
                  <option value="I Ciclo">II Ciclo</option>
                  </select>

                  </div>
                  </div>
                     
                    
 <div style="margin-top:100px; margin-left:265px;"class="form-group">
              <div class="col-lg-9">
                <input type="submit" value="Agregar" class="btn btn-danger" name='Btn_Horario_Crear'> 
              </div>
              </div>

            
                </fieldset>            

             </div><!--laborales-->      
             </div><!-- CIERRA TABCONTENT -->

             <br> <br> <br> <br> <br> <br><br> <br> <br><br> <br> <br>

              <a id="Txt_Enlace" href="V_Horario.php">Regresar</a>
              <br>

              </div>
              </form> 
             </center>

            </div>
            </div>

</body>

</html>